import { Modal, message, Select, Input, Tree, Checkbox, Button, Spin, DatePicker } from 'antd'
import { useBoolean, useLatest, useRequest } from 'ahooks'
import { useEffect, useRef, useState } from 'react'
import Draggable from 'react-draggable'
import { project } from '../../Data'
import { Http } from '../../Api'

const { imageUrl } = project[window.location.hostname]
const { Autodesk, THREE } = window
const { Option } = Select
const { Group } = Checkbox
const { RangePicker } = DatePicker

const ModalSelectColor = new THREE.Vector4(255 / 255, 0 / 255, 0 / 255, 1)
const GetNewArr = (a, b) => [...a, ...b].filter(item => !(a.includes(item) && b.includes(item)))

export const ForgeBox = ({ type, Off, Data }) => {
    return (
        <Modal
            className="ModalTitle"
            open={true}
            footer={null}
            maskClosable={false}
            onCancel={Off}
            destroyOnClose
            title={`计划进度`}
            centered
            width={'90vw'}
        >
            <ForgeWindow type={type} Data={Data} />
        </Modal>
    )
}

export const ForgeWindow = ({ type, Data }) => {
    return (
        <div className="ForgePages">
            <div className="Select">
                <Select
                    style={{ width: '100%' }}
                    placeholder="请选择模型!"
                    options={[]}
                    // onChange={ModalSelect}
                    // disabled={ModalSelectState}
                >
                    {/* {ModalList.map((item, index) => (
                        <Option key={`ModalList${index}`} value={item.bimFilesUuid}>
                            {item.bim_FilesName}
                        </Option>
                    ))} */}
                </Select>
            </div>
            <div className="ForgeBox" ref={ForgeBox} />
        </div>
    )
}
